/*
 * @Purpose: 基础样式
 */

.u-page {
  position: relative;
  min-height: 100%;
  height: auto;
  padding-bottom: calc(var(--window-bottom) + 40rpx) !important;

  &.u-page-bg {
    background: url("/static/images/bg.png") no-repeat left top / 100%;
  }

  &.u-page-process-bg {
    background: url("/static/images/process_bg.png") no-repeat left top / 100%;
  }
}

.u-page-color {
	background: linear-gradient(to right , #f6ede6, #eeceed);
	// background: linear-gradient(to bottom,rgb(244,227,233),transparent);
	background: linear-gradient(to bottom,#f4e3e9,#fffbfe);
}
.u-page-color-other {
	// background-color: #faf8f9;
	background-color: #fffbfe;
}
.u-general-color {
	background-color: #fffbfe;
}

.u-scroll-x {
  text-align: right;
  white-space: nowrap;
  overflow-x: auto;
}

.u-number {
  position: relative;

  &::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80rpx;
    height: 6rpx;
    background-color: #ffffff;
    border-radius: 20rpx;
  }
}

.u-box {
  padding: 20rpx 30rpx;
}

.u-status-bar {
  height: var(--status-bar-height);
}

.u-title {
  font-weight: bold;
  font-size: 30rpx;
}

.u-inline {
  display: inline-block;
}

.u-icon-circle {
  width: 70rpx;
  height: 70rpx;
  background-color: gray;
  border-radius: 50%;
}

.u-flex-col {
  flex-direction: column;
}

.u-flex {
  display: flex;
}

.u-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.u-cl-content {
  color: #bcbcbc;
}

.u-row-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.u-col-center, .u-center, .u-icon-circle {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.u-title {
  font-weight: bold;
  font-size: 30rpx;
}

.u-pointer {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
